import React, {Component} from 'react'

import './index.css'
class Social  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">新建系统通知</p>
            
            <div class="tnew-content">
              <p class="t-n-c-t">
                <span class="t-n-c-title">通知内容：</span>
                <textarea 
                  name="" 
                  id="" 
                  cols="30" 
                  rows="10" 
                  placeholder="500字以内"></textarea>
              </p>

              <p class="t-n-c-i">
                <span class="t-n-c-img">通知范围</span>
                <div class="img-container">
                    <select name="" id="">
                        <option value="">全部性别</option>
                        <option value="">男</option>
                        <option value="">女</option>
                    </select>
                    <select name="" id="">
                        <option value="">全国</option>
                        <option value="">北京</option>
                        <option value="">上海</option>
                        <option value="">杭州</option>
                    </select>
                    <select name="" id="">
                        <option value="">城市</option>
                        <option value="">...</option>
                    </select>
                  </div>
              </p>

              <p class="t-n-c-f">
                <span class="t-n-c-whether">是否开启</span>
                <span class="inner">
                  <button class="btn btn-start">启用</button>
                  <button class="btn btn-end">停用</button>
                </span>
              </p>
           </div>

           <div class="new-controller">
               <button class="btn finish">新建完成</button>
               <button class="btn quit">退出</button>
           </div>
        </div>
    )
  }
}

export default Social